@CHARSET "UTF-8";

body {
        /*      background: url(../res/pic/login/master_flare.png) repeat-x 0 0 #FE8225;*/
        color: "black";
        font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, Sans-serif;
}

#page {
        width: 940px;
        margin: 0 auto;
}

.header_section {
        color: red;
        /*      background-color: #333333;*/
        width: 100%;
        height: 40px;
        position: static;
}

.header_section .header_container {
        margin: auto;
        width: 800px;
}

.main-content {
        background: url("../res/pic/topic/bg.jpg") repeat-y;
        float: left;
}

.sidebar {
        float: left;
}

.section {
        width: 760px;
        margin: 0;
}

.entry-title {
        margin: 0 0 0 20px;
        width: 693px;
        float: left;
}

.entry-title { /*color: #5E5849*/;
        margin-bottom: 10px;
        font-weight: normal;
}

.entry-time {
        margin: 0;
        text-align: right;
        float: right;
}

.single-title-wrap {
        border-bottom: 0px solid #ecedf3;
        margin: 0 30px 15px 20px;
        width: 693px;
        float: left;
}

.entry-meta {
        margin: 0 30px 0px 0px;
        text-transform: capitalize;
        float: right;
}

.entry-meta a {
        color: #a3a5aa;
        font-weight: normal;
}

.entry-meta a:hover {
        color: #5e6066;
}

.replies-count,.entry-author {
        margin: 0;
        text-align: right;
}

.entry-author a {
        padding: 0;
        margin: 0 2px 0 0;
        background: url(images/pagination_seperator.png) no-repeat right center;
        float: right;
}

.entry-author {
        background: url(images/sprite.png) no-repeat -73px -152px;
}

.author a {
        background: url(images/sprite.png) no-repeat -73px -120px;
}

.author a:hover {
        background: url(images/sprite.png) no-repeat -73px -135px;
}

.time {
        background: url(images/sprite.png) no-repeat -73px -168px;
}

.replies-count a {
        background: url("../res/pic/topic/follow-it.png") no-repeat -73px -203px;
}

.replies-count a:hover {
        background: url("../res/pic/topic/follow-it.png") no-repeat -73px -217px;
}

/* sticky follow label
*/
#sticky {
        position: fixed;
        top: 120px;
        left: 134px;
}

#sticky a {
        font-weight: normal;
        font-size: 14px;
}

#count {
        width: 100px;
        height: 120px;
        background: url("../res/pic/topic/follow-it.jpg") no-repeat;
}

#follow-holder {
        display: none;
}

#sticky a.followit {
        background: url("../res/pic/topic/follow-it.jpg") no-repeat;
        width: 120px;
        height: 60px;
        display: block;
        text-align: center;
        padding: 60px 0 0 0;
        color: #6e6f74;
}

#sticky a.followit span.followit-text {
        color: #6e6f74;
        line-height: 24px;
        display: inline;
}

span.followit-text {
        display: none;
}

#sticky a.followit {
        background: url("../res/pic/topic/follow-it.jpg") no-repeat 35 20;
        margin: 0 0 0 -20px;
}

#sticky a.followit span.count {
        font-size: 12px;
        color: #a4a5aa;
        font-weight: normal;
        display: block;
}

#sticky a.followit:hover {
        background: url("../res/pic/topic/follow-it2.jpg") no-repeat 35 20;
        margin: 0 0 0 -20;
}

#sticky a.followit.active {
        background: url("../res/pic/topic/follow-it2.jpg") no-repeat 35 20;
}

#sticky a:hover.followit.active span.followit-text {
        color: #6e6f74;
}

/*

sticky end


*/
.content.footer {
       
}

.content .container {
        padding: 10px 0 0 0px;
}

div.post {
        position: relative;
        margin-bottom: 30px;
        padding-bottom: 12px;
        width: 600px;
        margin: 0;
        float: right;
}

.container {
        display: block;
        positon: relative;
        margin: 0 0 0 170px;
}

.text {
        width: 520px;
        margin-right: 0;
}

p {
        display: block;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
}

}
.replies {
        float: left;
        width: 600px;
        margin: 0;
        width: 600px;
        top: 600px;
}

.replylist {
        padding: 0;
        list-style-type: none;
        margin: 0;
}

.replylist>li {
        margin-bottom: 30px;
        padding-bottom: 4px;
        position: relative;
}

li { /*margin-top: 20px;*/
        display: list-item;
}

div.reply-meta {
        margin-right: 0;
        float: left;
        padding-right: 0;
        width: 40px;
}

.reply-body {
        position: relative;
        border-bottom: 1px solid #EBEBEB;
        min-height: 60px;
        display: block;
        border-top: 1px solid transparent;
        min-width: 500px;
        margin: 0, 0, 0, 20px;
}

.reply-user-pic {
        float: left;
        height: 48px;
        overflow: hidden;
        width: 48px;
        position: relative;
        height: 60px;
        margin-bottom: 20px 10px 0 0;
        position: relative;
}

.reply-dis {
        margin-left: 58px;
        min-height: 48px;
}

/*reply-meta*/
.reply-date {
        font-family: "ChunkFiveRegular";
        background: #dcd8bc;
        display: block;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        height: 40px;
        width: 40px;
        position: relative;
        color: #5e5849;
}

.reply-author-admin .reply-date:link,.reply-author-admin .reply-date:visited
        {
        color: #f1efe5;
}

.reply-date:link,.reply-date:visited {
        color: #5e5849;
}

.reply-date:hover {
        background: #5e5849;
        color: #dcd8bc;
}

.reply-date .reply-day,.reply-date .reply-month {
        position: absolute;
        width: 40px;
        text-align: center;
        top: 4px;
        left: 0px;
        font-size: 16px;
}

.reply-date .reply-month {
        top: 18px;
        left: 0px;
        font-variant: small-caps;
        font-size: 12px;
}

.reply-time {
        font-family: Georgia;
        font-style: italic;
        text-align: center;
        width: 60px;
        display: block;
        font-size: 12px;
        white-space: nowrap;
        margin-left: -10px;
}

/*reply-meta end*/

.reply-user-nickname {
        cursor: pointer;
        font-weight: bold;
        color: #333 !important;
}

.reply-user-realname {
        color: #999;
        font-size: 12px;
        margin-left : 5px;
}

.reply-content {
        padding: 0;
        font-family: Arial, "Helvetica Neue", sans-serif;
        font-size: 13px;
        line-height: 19px;
        word-wrap: break-word;
        overflow-x: hidden;
        line-height: 19px;
        margin-left : 30px;
}

.reply-link:link,.reply-link:visited {
        color: #5e5849;
        color: rgba(94, 88, 73, 0.3);
}

.reply-link:hover {
        color: red;
        color: rgba(94, 88, 73, 0.7);
}

#respond {
        position: relative;
        margin: -10px 0 20px 0;
}

#respond h4 {
        margin-bottom: 7px;
}

/**************************************/
/*               LINKS                */
/**************************************/
a {
        text-decoration: none;
        -webkit-transition: all 0.3s ease-out;
}

/*a:link{
    color:#219bc3;
}
*/
a:visited {
        color: #4da0bb;
}

a:hover {
        color: #ff0000;
}

a:active {
        color: #a31b1c;
}

.category a,.reply-link {
        font-family: ChinoITCProBlackItalic, "georgia";
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.85);
}

.category a:link,.category a:visited,.reply-link:link,.reply-link:visited
        {
        color: rgba(94, 88, 73, 0.3);
}

.category a:hover,.reply-link:hover {
        color: rgba(94, 88, 73, 0.7);
}

/**************************************/
/*            HEADINGS                */
/**************************************/
h1 {
        font-size: 36px;
}

h2 {
        font-size: 30px;
}

h3 {
        font-size: 24px;
}

h4 {
        font-size: 18px;
        color: #656159;
}

h5 {
        font-size: 16px;
        color: #656159;
}

h6 {
        font-size: 12px;
        color: #656159;
}

/***
 * WRITE A reply
 ***/
h2#reply-post {
        margin: 48px 0 10px 0;
        padding: 0;
        font-family: "Times New Roman", Times, serif;
        font-size: 1.98em;
        font-weight: normal;
}

#reply-container {
        border-top: 1px solid #000;
        padding: 20px 14px;
        position: relative;
}

td.label {
        text-align: right;
        font-size: .9em;
        padding: 0 5px 0 0;
        width: 40px;
        vertical-align: top;
}

td input,td textarea {
        border: 1px #666 solid;
        padding: 2px;
}

/*#allowedtags
{
    background-color: #fff;
    color:#666;
    padding: 0 0 10px;
    border-bottom: 1px #666 solid;
    margin-bottom: 10px;
    font-size:.8em;
    display: block;
}

*/
#submit {
        clear: both;
        margin-top: 15px;
        border: 0px;
        margin-left: -62px;
        background-position: 0 0;
        background-repeat: no-repeat;
        cursor: pointer;
        height: 64px;
        position: relative;
        width: 195px;
        z-index: 200;
}

/*end*/
.tweet-timestamp {
        color: #999 !important;
        font-size: 11px;
}

/*grid*/
/* A container should group all your columns. */
/* Use this class on any div.span / container to see the grid. */
.showgrid {
        background: url(src/grid.png);
}

/* Body margin for a sensile default look. */
/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8
        {
        float: left;
        margin-right: 40px;
}

/* The last column in a row needs this class. */
div.last {
        margin-right: 0;
}

/* Use these classes to set the width of a column. */
.span-1 {
        width: 40px;
}

.span-2 {
        width: 120px;
}

.span-3 {
        width: 200px;
}

.span-4 {
        width: 280px;
}

.span-5 {
        width: 360px;
}

.span-6 {
        width: 440px;
}

.span-7 {
        width: 520px;
}

.span-8,div.span-8 {
        width: 600px;
        margin: 0;
}

/* Add these to a column to append empty cols. */
.append-1 {
        padding-right: 80px;
}

.append-2 {
        padding-right: 160px;
}

.append-3 {
        padding-right: 240px;
}

.append-4 {
        padding-right: 320px;
}

.append-5 {
        padding-right: 400px;
}

.append-6 {
        padding-right: 480px;
}

.append-7 {
        padding-right: 560px;
}

/* Add these to a column to prepend empty cols. */
.prepend-1 {
        padding-left: 80px;
}

.prepend-2 {
        padding-left: 160px;
}

.prepend-3 {
        padding-left: 240px;
}

.prepend-4 {
        padding-left: 320px;
}

.prepend-5 {
        padding-left: 400px;
}

.prepend-6 {
        padding-left: 480px;
}

.prepend-7 {
        padding-left: 560px;
}

/* Border on right hand side of a column. */
div.border {
        padding-right: 19px;
        margin-right: 20px;
        border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
        padding-right: 23px;
        margin-right: 20px;
        border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the
   next column, or to pull it into the previous column.  */
.pull-1 {
        margin-left: -80px;
}

.pull-2 {
        margin-left: -160px;
}

.pull-3 {
        margin-left: -240px;
}

.pull-4 {
        margin-left: -320px;
}

.pull-5 {
        margin-left: -400px;
}

.pull-6 {
        margin-left: -480px;
}

.pull-7 {
        margin-left: -560px;
}

.pull-8 {
        margin-left: -640px;
}

.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8 {
        float: left;
        position: relative;
}

.push-1 {
        margin: 0 -80px 1.5em 80px;
}

.push-2 {
        margin: 0 -160px 1.5em 160px;
}

.push-3 {
        margin: 0 -240px 1.5em 240px;
}

.push-4 {
        margin: 0 -320px 1.5em 320px;
}

.push-5 {
        margin: 0 -400px 1.5em 400px;
}

.push-6 {
        margin: 0 -480px 1.5em 480px;
}

.push-7 {
        margin: 0 -560px 1.5em 560px;
}

.push-8 {
        margin: 0 -640px 1.5em 640px;
}

.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8 {
        float: right;
        position: relative;
}

/* Misc classes and elements
-------------------------------------------------------------- */
/* Use a .box to create a padded box inside a column.  */
.box {
        padding: 1.5em;
        margin-bottom: 1.5em;
        background: #E5ECF9;
}

/* Use this to create a horizontal ruler across a column. */
hr {
        background: #ddd;
        color: #ddd;
        clear: both;
        float: none;
        width: 100%;
        height: .1em;
        margin: 0 0 1.45em;
        border: none;
}

hr.space {
        background: #fff;
        color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after,.container:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden;
}

.clearfix,.container {
        display: block;
}

/* Regular clearing
   apply to column that should drop below previous ones. */
.clear {
        clear: both;
}

/**************************************/
/*               FORMS                */
/**************************************/
input[type="text"],textarea {
        /*font-family:"MuseoSans500Regular","Museo Sans", Verdana;*/
        background: #f9f8f1;
        color: #5d5a4e;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: none;
        box-shadow: inset 0 1px 0 rgba(103, 100, 92, 0.35);
        -moz-box-shadow: inset 0 1px 0 rgba(103, 100, 92, 0.35);
        -webkit-box-shadow: inset 0 1px 0 rgba(103, 100, 92, 0.35);
        font-size: 16px;
        margin: 0;
        width: 300px;
        outline-width: 0;
}

input[type="text"]:focus,textarea:focus {
        background: #fff;
}

input[type="text"] {
        padding: 6px 6px 7px 6px;
}

/*add reply respond*/
#respondform {
        background: rgba(138, 134, 121, 0.2);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 520px;
        padding: 10px;
}

#respondform .respond-meta {
        overflow: hidden;
}

.respond-meta .respond-field {
        float: left;
        margin: 0 10px 10px 0;
}

.respond-meta .field-url {
        margin-right: 0;
}

.respond-field label,.respond-field .form-required {
        display: none;
}

#respondform #Tags,#respondform #AtUser {
        padding-left: 30px;
        width: 131px;
}

#respondform #Tags {
        background: #f9f8f1 url("../img/name.png") no-repeat top left;
}

#respondform #AtUser {
        background: #f9f8f1 url("../img/email.png") no-repeat top left;
}

#respond {
        background: #f9f8f1 url("../img/message.png") no-repeat 0px 5px;
        width: 460px;
        padding: 12px 30px 10px 35px;
}

.respond-submit,#cancel-respond-reply-link {
        background: url("../res/pic/topic/reply-submit.jpg") no-repeat;
        height: 40px;
        width: 60px;
        position: absolute;
        display: block;
        text-indent: -900px;
        overflow: hidden;
        cursor: pointer;
        margin-top: -5px;
        -webkit-transition: none;
}

.respond-submit {
        border: none;
        right: -0px;
        top: 50%;
}

.replylist .respond-submit {
        top: 66%;
}

#cancel-respond-reply-link {
        background: url("../img/respond-cancel.png") no-repeat;
        top: 33%;
        right: 0px;
}

.respond-submit:hover,#cancel-respond-reply-link:hover {
        background-position: bottom left;
}

#respondform .logged-in {
        margin-bottom: 10px;
}

label {
        font-weight: bold;
}

fieldset {
        padding: 1.4em;
        margin: 0 0 1.5em 0;
        border: 1px solid #ccc;
}

legend {
        font-weight: bold;
        font-size: 1.2em;
}

/*reset*/
html,body,div,span,object,iframe,blockquote,pre,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
        {
        margin: 0;
        padding: 0;
        border: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}

